<template>
<!--  <div>-->
<!--    <el-calendar v-model="value" />-->
<!--  </div>-->
  <el-calendar>
    <template #dateCell="{ data }">
      <p :class="data.isSelected ? 'is-selected' : ''">
        {{ data.day.split('-').slice(1).join('-') }}
        {{ data.isSelected ? '✔' : '无安排' }}
      </p>
    </template>
  </el-calendar>
</template>

<script>
import {ref} from "vue";

export default {
  name: "Calendar",
  // const :value = ref(new Date())
}
</script>

<style scoped>
.is-selected {
  color: #1E90FF;
}
</style>
